html, body{
	font-family:'Lucida Sans Unicode','Lucida Grande',sans-serif;
	margin:0;
	width:500px;
	overflow: hidden;
}

/************** el encabezado  ****************/

.header{
/*	background-color: #F1F1F1;*/
	padding: 8px;
	padding-left: 45px;
}
.header .menu{
	float: right;
	display: inline !important;
	margin-right: 25px;
}
.header .menu ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.header .menu li{
	float: left;
	padding: 3px 0;
	border-left: 1px #d2d2d2 solid;
}
.header .menu li.no-border{
	border: none;
}
.header .menu li a{
	display:block;
	width: 25px;
	height: 25px;
	margin:0 15px 0 15px;
	text-indent: -99999px;
}
.header .home{
	background: url('../images/home.png') no-repeat;
}
.header .films{
	background: url('../images/films.png') no-repeat;
}
.header .series{
	background: url('../images/series.png') no-repeat;
}
.header .home:hover{
	background-image: url('../images/home-sel.png');
}
.header .films:hover{
	background-image: url('../images/films-sel.png');
}
.header .series:hover{
	background-image: url('../images/series-sel.png');
}

.rollo_lateral1{ 
	width:500px;
	background:url(../images/rollo_lateral.gif) repeat-y left;
	border-bottom:4px #000 solid; 
	border-top:4px #000 solid;
}
.rollo_lateral2{
	 background:url(../images/rollo_lateral.gif) repeat-y right;
}

.loader{margin-left: 100px;}

#lateral_contenido{
	width:83%; 
	margin:0 auto; 
	padding:5px;
	padding-left: 10px;
}
#login{
	background-color: #19AE6A;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-color: #29447E;
	padding: 2px 6px;
	display: inline-block;
	cursor: pointer;
	color:white;
	font-size: 11px;
	font-weight: bold;
	line-height: 13px;
	text-align: center;
}
#lateral_contenido a{
	text-decoration:none;
	margin: 1px;
}



/*
 #FAFFBD
 tipsy-yellow
*/
.tipsy { padding: 5px; font-size: 15px; position: absolute; z-index: 100000;}
.tipsy-inner { padding: 5px 8px 4px 8px; background-color:black ; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy-black.png') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }